<template>
	<view class="">
		<button class="button" type="primary" @click="toggle('bottom')"><text class="button-text">底部</text></button>
	</view>
	<view>
		<!-- 普通弹窗 -->
		<uni-popup ref="popup" background-color="#fff" @change="change">
			<view class="popup-content">
				<text class="text">popup 内容</text>
			</view>
		</uni-popup>
	</view>

</template>

<script setup>
import { ref } from 'vue';
	const type = ref('center')
	const popup = ref(null)
	const change = (e)=>{
		console.log('当前模式：' + e.type + ',状态：' + e.show);
	}
	const toggle = (type)=>{
		popup.value.open(type)
	}
</script>